<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>AI生理信号智能分析</title>
  <!-- AdminLTE CSS -->
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/admin-lte/3.1.0/css/adminlte.min.css">
</head>
<body class="hold-transition sidebar-mini">
<div class="wrapper">
  <!-- 导航栏 -->
  <nav class="main-header navbar navbar-expand navbar-white navbar-light">
    <!-- 左侧导航栏链接 -->
    <ul class="navbar-nav">
      <li class="nav-item">
        <a class="nav-link" data-widget="pushmenu" href="#"><i class="fas fa-bars"></i></a>
      </li>
    </ul>
  </nav>
  
  <!-- 侧边栏 -->
  <aside class="main-sidebar sidebar-dark-primary elevation-4">
    <!-- 边栏标题 -->
    <a href="#" class="brand-link">
      <span class="brand-text font-weight-light">AI生理信号智能分析</span>
    </a>
    
    <!-- 边栏内容 -->
    <div class="sidebar">
      <nav class="mt-2">
        <ul class="nav nav-pills nav-sidebar flex-column" data-widget="treeview" role="menu" data-accordion="false">
          <!-- 脑电注意力测试菜单项 -->
          <li class="nav-item">
            <a href="#" class="nav-link">
              <i class="nav-icon fas fa-brain"></i>
              <p>脑电注意力测试</p>
            </a>
          </li>
          <!-- 体温菜单项 -->
          <li class="nav-item">
            <a href="#" class="nav-link">
              <i class="nav-icon fas fa-thermometer-half"></i>
              <p>体温</p>
            </a>
          </li>
          <!-- 呼吸频率菜单项 -->
          <li class="nav-item">
            <a href="#" class="nav-link">
              <i class="nav-icon fas fa-lungs"></i>
              <p>呼吸频率</p>
            </a>
          </li>
          <!-- 血氧菜单项 -->
          <li class="nav-item">
            <a href="#" class="nav-link">
              <i class="nav-icon fas fa-heartbeat"></i>
              <p>血氧</p>
            </a>
          </li>
          <!-- 实时心率菜单项 -->
          <li class="nav-item">
            <a href="#" class="nav-link">
              <i class="nav-icon fas fa-heart"></i>
              <p>实时心率</p>
            </a>
          </li>
        </ul>
      </nav>
    </div>
  </aside>
  
  <!-- 内容区域 -->
  <div class="content-wrapper">
    <section class="content">
      <!-- 在这里放置您的内容 -->
    </section>
  </div>
  
  <!-- 页面底部 -->
  <footer class="main-footer">
    <div class="float-right d-none d-sm-inline">
        版权所有 &copy; 2023 AI生理信号智能分析
      </div>
    </footer>
  </div>

  <!-- AdminLTE JavaScript -->
  <script src="https://cdnjs.cloudflare.com/ajax/libs/admin-lte/3.1.0/js/adminlte.min.js"></script>
  </body>
  </html>
  